<template>
    <view>
        		<view class="bg-pag">
			<view class="">
				<view class="px-s py fw-700">
					<view class="bg-con">
						<view class="h1 d-ib">H1_</view>
						<view class="h2 d-ib">H2_</view>
						<view class="h3 d-ib">H3_</view>
						<view class="h4 d-ib">H4_</view>
						<view class="h5 d-ib">H5_</view>
						<view class="h6 d-ib">H6_</view>
						<view class="h7 d-ib">H7_</view>
						<view class="h8 d-ib">H8_</view>
						<view class="h9 d-ib">H9_</view>
					</view>
				</view>
				<view class="px py-s fw-600">
					<view class="d-ib fs">FONT_S__</view>
					<view class="d-ib fs-w">FONT_S__</view>
					<view class="d-ib fs-n">FONT_S__</view>
					<view class="d-ib fs-s">FONT_S__</view>
					<view class="d-ib fs-t">FONT_S__</view>
				</view>
				<view class="px-x1 py-s fw-600">
					<view class="d-ib tih">TIH__</view>
					<view class="d-ib tix">TIX__</view>
					<view class="d-ib tid">TID__</view>
					<view class="d-ib tiw">TIW__</view>
					<view class="d-ib tin">TIN__</view>
					<view class="d-ib tis">TIS__</view>
					<view class="d-ib tit">TIT__</view>
					<view class="d-ib sus">SUS__</view>
				</view>
				<view class="px-x2 py-s">
					<view class="bg-fff bd-test">A</view>
				</view>
			</view>
			<view class="py px">
				<view class="fx-s">
					<view class="w-50">
						<view class="btn bg btn-app rnd" @tap="funn.confirm"> 打开弹框 </view>
					</view>
					<view class="w-50">
						<input class="inp inp-app bg rnd fx-aii-btn-def" placeholder="请输入名称"/>
					</view>
				</view>
			</view>
			<view class="py px">
				<view class="">
					<view class="btn btn-app btn-sz rnd btn-def mb-s">PRIMARY</view>
					<view class="btn btn-app btn-sz rnd fx-aii-btn-def mb-s">PRIMARY OUT</view>
					<view class="btn btn-app btn-sz rnd btn-pri-txt mb-s">PRIMARY TXT</view>
					<view class="btn btn-app btn-sz rnd btn-err mb-s">ERR TXT</view>
				</view>
			</view>
			<view class="py px bg-con ps-r">
				<view class="ps-r zi fw-600">
					<OButton clazz="btn-app btn-sz mb-s">PRIMARY</OButton>
					<OButton color="pri-out" clazz="btn-app btn-sz mb-s">PRIMARY OUT</OButton>
					<OButton color="wht" clazz="btn-app btn-sz mb-s">WHITE TXT</OButton>
					<OButton color="wht-s" clazz="btn-app btn-sz mb-s"><view class="fx-c">
							<text>WHITE TXT</text>
							<UiI clazz="pi-s fw-700" i="r"/>
						</view>
					</OButton>
					<OButton color="wht-txt" clazz="btn-app btn-sz mb-s">WHITE TXT</OButton>
					<OButton color="txt" clazz="btn-app btn-sz fx-aii-btn-wht mb-s">BLACK TXT BUT WHITE BG</OButton>
				</view>
				<view class="abs-i r-0 t-0 b-0">
					<image class="w-100 h-100 ani-cik" mode="aspectFill" src="https://qcloud.dpfile.com/pc/rKo-lgP2oYoKu4atKJKYUtSDmaAPZoXhYe6u8x1z1PI57EIn_lnJvPOWlS4lMt0N.jpg"/>
				</view>
			</view>
		</view>
		<CoCoConfirm :idx="1" @cancle="pan_tooi.close_pan(1)"/>
    </view>
</template>

<script setup lang="ts">
import OButton from '@/cake/button/OButton.vue';
import CoCoConfirm from '@/components/common/CoCoConfirm.vue';
import pan_tooi from '@/tool/app/pan_tooi';
import UiI from '../element/i/UiI.vue';
// const prp = defineProps<{}>()

const funn = {
	confirm: () => {
		pan_tooi.open_def_b(1)
	}
}
</script>